//导航栏 -- 返回 标题 按钮
Vue.component('navBar1',{
    template:`
    <div class="navbar">
        <span  class="point" @click="$emit('click-left')">&lt;返回</span>
        <span><b>{{title}}</b></span>
        <span class="point" @click="$emit('click-right')">按钮</span>
    </div>
    `,
    props:['title'],
    data(){
        return {

        }
    },
})
//导航栏 -- 返回 标题 搜索

Vue.component('navBar2',{
    template:`
    <div class="navbar">
        <span  class="point" @click="$emit('click-left')">&lt;返回</span>
        <span><b>{{title}}</b></span>
        <input type="text" @input="$emit('searchfn'),$event.target.value">
    </div>
    `,
    props:['title'],
    data(){
        return {

        }
    },
})